<script setup lang="ts">
import {RouterLink, RouterView} from 'vue-router'
import {ElConfigProvider} from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
document.title = "大概是爱思的网站"
</script>

<template>
    <!-- element使用中文 -->
    <el-config-provider :locale="zhCn">
        <RouterView />
    </el-config-provider>
</template>

<style lang="scss">
$main-color: #6666cc;

:root {
    --main-color: #{$main-color};
    --el-color-primary: var(--main-color) !important;
    --el-color-primary-light-3: #{lighten($main-color,20)} !important;
    --el-color-primary-light-5: #{lighten($main-color,25)} !important;
    --el-color-primary-light-7: #{lighten($main-color,30)} !important;
    --el-color-primary-light-9: #{lighten($main-color,36)} !important;
    --el-color-primary-dark-2: #{darken($main-color,20)} !important;
    font-family: "Microsoft YaHei", 微软雅⿊, "Microsoft JhengHei", 华⽂细⿊, STHeiti, MingLiu;
}

.el-collapse {
    --el-collapse-header-bg-color: #00000000 !important;
    --el-collapse-content-bg-color: #00000000 !important;
    --el-fill-color-blank: #00000000 !important;
}

* {
    margin: 0;
    padding: 0;
}

main {
    max-width: 1200px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

/* some convenient class {{{ */
body {
    background-color: #f6f6f6;
}

.g {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 3%;
}

.bold1 {
    font-weight: 800;
}

.slim {
    font-weight: 100;
}

.hp {
    cursor: pointer;
}

.fontsizess1 {
    font-size: 0.5rem;
}

.fontsizess2 {
    font-size: 0.6rem;
}

.fontsizess3 {
    font-size: 0.7rem;
}

.fontsizes1 {
    font-size: 0.8rem;
}

.fontsizes2 {
    font-size: 0.9rem;
}

.fontsizes3 {
    font-size: 1rem;
}

.m5 {
    margin: 5px;
}

.mh5 {
    margin: 0 5px;
}

.mv5 {
    margin: 5px 0;
}

.m10 {
    margin: 10px;
}

.mh10 {
    margin: 0 10px;
}

.mv10 {
    margin: 10px 0;
}


.fontsize1 {
    font-size: 1.2rem;
}

.fontsize2 {
    font-size: 1.5rem;
}

.fontsize3 {
    font-size: 1.75rem;
}


.fh {
    display: flex;
    flex-flow: nowrap row;
    justify-content: center;
}

.fv {
    display: flex;
    flex-flow: nowrap column;
    justify-content: center;
}

.fhs {
    display: flex;
    flex-flow: nowrap row;
    justify-content: start;
}

.fvs {
    display: flex;
    flex-flow: nowrap column;
    justify-content: start;
}

.dev-tag {
    display: flex;
    align-self: flex-end;
    float: right;
    position: relative;
    padding: 0 10px;

    width: fit-content;
    height: 24px;
    margin-bottom: -26px;
    z-index: 4000;
    border: 1px solid black;
    background-color: #fffa;
}

/* }}} */
</style>
